{% load static %}
<!DOCTYPE html>
<html lang="en">


 {% block css %}

 {% endblock %}
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="{% static 'plugins/bootstrap-3.4.1/css/bootstrap.min.css' %}">
    <style>
        .navbar {
            border-radius: 0;
        }

        .table th, .table td {
            text-align: center; /* 水平居中 */
            vertical-align: middle; /* 垂直居中 */
        }
    </style>
</head>
<body>
<nav class="navbar navbar-default">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
        {% if request.user.usertype != 5 %}
      <a class="navbar-brand" href="/notice/">充值系统</a>
        {% endif %}
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">

        {% if not request.user.usertype == 3 and not request.user.usertype == 4 and not request.user.usertype == 5 %}

        <li><a href="/user/list/">用户管理</a></li>
          {% endif %}

          <li><a href="/game/list/">点券订单管理</a></li>
          <li><a href="/phone/list/">话费订单管理</a></li>

          <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" href="/out/list/">出库订单记录<span class="caret"></span></a>
              <ul class="dropdown-menu">
                  <li><a  href="/game/out/list/">点券出库订单记录</a></li>
                  <li><a  href="/phone/out/list/">话费出库订单记录</a></li>
              </ul>
          </li>
        {% if request.user.usertype == 3 or request.user.usertype == 4 or request.user.usertype == 5 %}
        <li><a href="/dashboard/single/">数据看板</a></li>
        {% endif %}
      {% if request.user.usertype == 1 or request.user.usertype == 2  %}
        <li><a href="/dashboard/multiple/">数据看板</a></li>
        {% endif %}



      </ul>

      <ul class="nav navbar-nav navbar-right">
{#        <li><a href="#">登陆</a></li>#}
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
             aria-haspopup="true" aria-expanded="false">{{ request.session.info.name }} <span class="caret"></span>
          </a>
          <ul class="dropdown-menu">
            <li><a href="#">联系方式</a></li>
            <li><a href="#">个人资料</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="/logout/">注销</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>

<div>


        {% block content %}
        {% endblock %}


</div>

<script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
<script src="{% static 'plugins/bootstrap-3.4.1/js/bootstrap.min.js' %}"> </script>
{% block js %}{% endblock %}
</body>
</html>